Accordion

The accordion is a graphical control element comprising a vertically stacked list of items, such as labels or thumbnails. Each item can be "expanded" or "collapsed" to reveal the content associated with that item. There can be zero expanded items, exactly one, or more than one item expanded at a time, depending on the configuration.

Accordions are useful when you want to toggle between hiding and showing large amount of content. Learn how to create an accordion (collapsible content). Click on this link for more information.

An accordion is a design element that expands in place to expose some hidden information. Unlike overlays, accordions push the page content down instead of being superposed on top of page content.

The accordion content type is a list of up to five headings which when clicked can expand and collapse to easily reveal and hide additional content.

It isn't too hard to learn the accordion. With daily practice, you should start to get comfortable in about 3 or 4 months. The hard part about learning how to play accordion is making your hands work independently – pressing the keys and buttons while moving the bellows back and forth.